<%--
    Document   : index
    Created on : Mar 9, 2013, 1:11:46 PM
    Author     : duonghung1369
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib tagdir="/WEB-INF/tags/common/" prefix="common" %>
<%@taglib uri="/struts-tags" prefix="s" %>
<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Antique Shop</title>
        <link rel="stylesheet" type="text/css" href="../resource/css/style.css" >
        <script src="../resource/js/common.js" type="text/javascript" ></script>
        <script src="../resource/js/storage.js" type="text/javascript" ></script>
        <script src="../resource/js/util.js" type="text/javascript"></script>
        <script src="../resource/js/xmlutil.js" type="text/javascript"></script>
        <script src="../resource/js/ajaxfunctions.js" type="text/javascript"></script>
        <script src="../resource/js/validation.js" type="text/javascript"></script>
        <script type="text/javascript">
            window.onload = function(e){
                //                xmlDoc=loadXMLDoc("../xml/products.xml");
                updateCheckOutPage();
            }

        </script>
    </head>
    <body>
        <div class="antiqueshop-container">
            <div class="container">
                <div id="header">
                    <common:header />
                    <common:login_logout />
                </div>
                <div id="navigation">
                    <common:navigation />
                </div>
                <div id="column-left">
                    <common:category />
                </div>
                <div id="content">
                    <h1>Check out!</h1>
                    <s:actionerror cssStyle="color:red;"/>
                    <form action="../order/submited_checkout.html" method="post" name="submited_checkout">
                        <table border="0">
                            <tbody>
                                <tr>
                                    <td>
                                        First Name(*)
                                    </td>
                                    <td>
                                        <input name="profile.firstname" value="<s:property value="profile.firstname" />" title="max 20 characters" type="text" pattern=".{1,20}" required />
                                    </td
                                </tr>
                                <tr>
                                    <td>
                                        Last Name(*)
                                    </td>
                                    <td>
                                        <input name="profile.lastname" value="<s:property value="profile.lastname" />" type="text" title="max 30 characters" pattern=".{1,30}" required />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Email(*)
                                    </td>
                                    <td>
                                        <input name="profile.email" type="email" value="<s:property value="profile.email" />" title="Please fill out your correct email" pattern=".{5,50}" required />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Address(*)
                                    </td>
                                    <td>
                                        <textarea title="Address max length 100 characters" name="profile.address" rows="5" cols="20" pattern=".{1,100}" required ><s:property value="profile.address" /></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Phone Number(*)
                                    </td>
                                    <td>
                                        <input name="profile.phoneNumber" value="<s:property value="profile.phoneNumber" />" title="Should be with format such as 0xxxxxxxxx" title="Max 13 digits" type="tel" pattern="[0-9]{6,30}" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        Message(*)
                                    </td>
                                    <td>
                                        <textarea title="Please fill out your message" name="note" rows="5" cols="20" required ><s:property value="note" /></textarea>
                                    </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td>
                                        <input type="hidden" style="display: none;" name="cartXML" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="hidden" style="display: none" id="input-checkout-cartXML" name="cartXML" />
                                    </td>
                                    <td>
                                        <input type="hidden" style="display: none" id="input-checkout-customCartXML" name="customCartXML" />
                                    </td>
                                </tr>
                                <tr>
                                    <td>

                                    </td>
                                    <td>
                                        <input name="btnCheckout" type="submit" class="custom-button" value="Submit" />
                                        <input name="btnReset" type="reset" class="custom-button" value="Reset" />
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </form>
                </div>
                <div id="footer">
                    <common:footer />
                </div>
            </div>
        </div>
    </body>
</html>
